#msgBoard{
    max-width:$mainWidth;
    margin:0 auto;
    >div{
        padding:0 10px;        
        .sendWord{
            line-height:30px;
            font-size: 16px;
            .backImg{
                display: inline-block;
                width:100px;
                height: 30px;
                background: url(miss.gif) no-repeat center center;
                background-size: cover;
                float: right;
            }
        }
        .word{
            color:$gray;
        }
    }
    
    .text{  
        margin-top:10px;             
        .mu-text-field-content{
            textarea{
                font-size: 14px;               
            }            
        }
        .helpText{
            
        }
        .line{
            background:$blue;
        }
        .name{
            font-size: 16px;
        }
    }
    .handle{
        @include fj();
        align-items: center;
        //开关颜色重置
        .mu-switch input[type=checkbox]:checked+.mu-switch-wrapper .mu-switch-thumb{
            background: #00b4ff;
        }
        .mu-switch input[type=checkbox]:checked+.mu-switch-wrapper .mu-switch-track{
            background: #00b4ff;
        }
        .mu-switch input[type=checkbox]:checked+.mu-switch-wrapper .mu-switch-thumb{
            background: #00b4ff;
        }
    }
    .msgModule{
        margin-top:50px;
        .text{
           line-height:30px;
           font-size: 16px; 
        }
        .item{
            min-height: 100px;
            @include border_1px_b($shadow);
            @include fj();
            align-items: center;
            .main{   
                width:100%;             
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                .floor,.time{
                    color:$gray;
                    @include fj();
                }
                .floor{                   
                    .delete{
                        color:$red;
                        cursor: pointer;
                    }
                }
                .content{
                    padding:15px 0;  
                    word-wrap: break-word;                
                }               
            }
            
        }
    }
    .moreTip{
        text-align: center;
        margin-top:10px;
        padding-bottom:10px;
    }
}
